<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<link rel="stylesheet" type="text/css" href="toolbar.css" media="screen"/>

<style>
img {float:right;}
</style>

</head>

<body>

<img src="http://code-away.googlecode.com/git/images/tui.png" width="95" height="84" />
 
<div id="floatingbar">
<ul> 
	<li><a href="http://www.youtube.com/watch?v=kQ_7GtE529M">Crazy Bison</a></li> 
	<li><a href="#">Item name</a></li>
	<li><a href="#">Item name</a></li> 
	<li><a href="#">Item name</a></li> 
</ul>
</div>

<h1>My First Heading</h1>

<script type='text/javascript'> 
  $(function() {
    
  $('#floatingbar').css({height: 0}).animate({ height: '38' }, 'slow');
    
  });
</script>


</body>
</html>
